<script setup lang="ts" name="TodoList">
import { PropType } from 'vue'
import TodoListItem from './TodoListItem.vue'
const props = defineProps({
  todos: {
    type: Array as PropType<Todo[]>,
      required: true,
    },
})
</script>

<template>
  <ul class="todo-list" v-show="props.todos.length > 0">
    <div v-for="todo in props.todos">
      <TodoListItem :key=todo.uuid :todo=todo />
    </div>
  </ul>
</template>

<style scoped></style>
